<script lang="ts" setup>
  import { onMounted, ref } from 'vue'

  // const funAsrUrl = 'http://localhost:8851'
  const funAsrUrl = `https://microbial-bank-dev.ssc-hn.com/funasr?t=${new Date().getTime()}`

  const iframe = ref(null)

  onMounted(() => {})
</script>

<template>
  <div class="audio">
    <iframe ref="iframe" :src="funAsrUrl" allow="microphone; camera" />
  </div>
</template>

<style lang="scss" scoped>
  .audio {
    iframe {
      width: 500px;
      height: 600px;
    }
  }
</style>
